<template>
    <div class="visual_right">
        <div class="visual_box">
            <div class="visual_title">
                <span>本月发生事件</span>
                <img src="../../assets/images/bigdata/ksh33.png">
            </div>
            <Main3/>
        </div>
        <div class="visual_box visualSfzsfl">
            <div class="visual_title">
                <span>收费站收费量</span>
                <img src="../../assets/images/bigdata/ksh33.png">
            </div>
            <Main9/>
            <div class="visual_table">
                <table>
                    <tr>
                        <td>小型车</td>
                        <td>中型车</td>
                        <td>大型车</td>
                    </tr>
                    <tr v-for="index of 3" :key="index">
                        <td>2486万</td>
                        <td>2486万</td>
                        <td>2486万</td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="visual_box">
            <div class="visual_title">
                <span>收费站收费排行</span>
                <img src="../../assets/images/bigdata/ksh33.png">
            </div>
            <Main4/>
        </div>
    </div>
</template>

<script>
    import Main3 from "./charts/Main3";
    import Main9 from "./charts/Main9";
    import Main4 from "./charts/Main4";
    export default {
        name: "VisualRight",
        components: {Main4, Main9, Main3}
    }
</script>

<style scoped>

</style>